<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri ="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="dt"%>
<tiles:insert template="/temas/tiles/layout/normal.jsp">
<tiles:put name="titulo"><bean:message key="tituloCabecera" /></tiles:put>
<tiles:put name="pestaña"><bean:message key="tituloNuevoElemento" /></tiles:put>
<tiles:put name="body">

<div style="margin-bottom: 5px;color: #FB6054;font-weight: bold;" align="right">
	<bean:write property="nombre" name="usuario" /> <bean:write property="apellidos" name="usuario" />
</div>
<br />
			
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
/*theme_advanced_statusbar_location : "bottom",*/
extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]"
});
</script>


<script type="text/javascript" language="javascript">
function verFormRespuesta(){
	document.getElementById('page1formularioRespuestas').style.display = 'block';
	document.getElementById('page1formularioRespuestas').style.visibility='visible';
	document.forms[0].elements['respuestaRespEnPregunta'].value='';
	document.forms[0].elements['esCorrectaEnPregunta'].value='false';
}
function ocultarFormRespuesta(){
	document.getElementById('page1formularioRespuestas').style.display = 'none';
	document.getElementById('page1formularioRespuestas').style.visibility='hidden'; 
	document.forms[0].elements['respuestaRespEnPregunta'].value='';
	document.forms[0].elements['esCorrectaEnPregunta'].value='false';
}
function guardarFormRespuesta(){
	document.getElementById('page1formularioRespuestas').style.display = 'none';
	document.getElementById('page1formularioRespuestas').style.visibility='hidden'; 
	
	document.forms[0].action = 'mantenimientoPreguntas.do';
	document.forms[0].accion.value = 'anadirRespuestaAPregunta';
	document.forms[0].submit();
}
function eliminarRespuesta(codResp){
	document.forms[0].action = 'mantenimientoPreguntas.do?codResp=' + codResp;
	document.forms[0].accion.value = 'eliminarRespuestaAPregunta';
	document.forms[0].submit();
}
function comprobarDificultad(){
	
	if(!document.forms[0].elements['dificultad'].value){	
		alert("No ha marcado el nivel de dificultad.\nPor defecto tomará el valor de 'Conocimiento'.");
		document.forms[0].elements['dificultad'].value = 1;
		return false;
	}else{
		return true;	
	}	
}

function abrir(){
	/*window.open('informacionDificultad.jsp','height=200,width=375,status=1');*/
	var nwin=window.open("informacionDificultad.jsp", "Niveles_de_Dificultad", "resizable=yes,menubar=no,location=no,toolbar=no,s tatus=no,scrollbars=yes,directories=no,width=950,height=800,screenX=10,screenY=10");
	nwin.focus();
	void(0);
}

</script>



<html:form action="gestionPreguntas">
<html:hidden property="accion" value="guardar"/>
<html:hidden property="codPreg" name="preguntaForm"/>

<h2><bean:message key="mantenimiento.nuevoPregunta" /></h2>

<p><bean:message key="mantenimiento.descripcionNuevoPregunta" />:</p>

	<table class="tablaFormularioRespuestaEnPregunta">
	
	<tr>
		<th><bean:message key="mantenimiento.enunciado" /></th>
		<td><html:textarea property="enunciadoPreg" name="preguntaForm" /></td>
		<td>
				<p class="errores">
					<html:errors property="enunciadoPreg"/>
				</p>	
		</td>
	</tr>
	<tr>
		<th>
			<bean:message key="mantenimiento.dificultad" />
			<a href="javascript:abrir();"><img src="../temas/iconos/16x16/help-browser.png" border="0" /></a>
		</th>
		<td>
			<html:select size="6" property="dificultad" name="preguntaForm" >
				<c:forEach items="${dificultades}" var="dificultad" >
					<html:option value="${dificultad.nivel}">${dificultad.titulo}</html:option>
				</c:forEach>
			</html:select>		
		</td>
		<td>
				<p class="errores">
					<html:errors property="dificultad"/>
				</p>	
		</td>
	</tr>
	<tr>
		<th><bean:message key="mantenimiento.asignatura" /></th>
		<td>
			<html:select property="codAsig" name="preguntaForm"  size="${fn:length(asignaturas)}">
				<html:options collection="asignaturas" property="codAsig" labelProperty="nombreAsig" />
			</html:select>
		</td>
		<td>
				<p class="errores">
					<html:errors property="codAsig"/>
				</p>	
		</td>
	</tr>
	</table>	
	<br />
	<p class="notaPie">
		(1) Es obligatorio insertar como mínimo 2 respuestas (una correcta y una incorrecta) por cada pregunta creada.
		<br />
		(2) Sólo se permite una respuesta correcta por pregunta.
	</p>

<hr/>

<dt:table name="${preguntaForm.respuestas}" id="resp" pagesize="10" excludedParams="*" requestURI="mantenimientoPreguntas.do" sort="list">
	<dt:column sortable="false" title="Respuesta" titleKey="mantenimiento.respuesta" property="respuestaResp"></dt:column>
	<c:if test="${resp.esCorrecta}">
		<dt:column sortable="false" title="Es Correcta" titleKey="mantenimiento.correcta" value="Sí"></dt:column>
	</c:if>
	<c:if test="${!resp.esCorrecta}">
		<dt:column sortable="false" title="Es Correcta" titleKey="mantenimiento.correcta" value="No"></dt:column>
	</c:if>
	<dt:column media="html" sortable="false" title=""><center><img border="0" alt="Eliminar" title="Eliminar" src="../temas/iconos/16x16/emblem-unreadable.png" onclick="eliminarRespuesta(${resp.codResp});" /></center></dt:column>
</dt:table>	
<html:link href="#" onclick="verFormRespuesta();"  styleClass="boton derecha anadir"><bean:message key="botonAnadir" /></html:link>

<br />
<br />
<br />
<br />
<br />
<br />

<!-- <div id="formularioRespuestas" style="display:none;visibility:hidden;">-->
<!-- 
<div class="pageformularioRespuestas" id="page1formularioRespuestas" style="display:none;visibility:hidden;">
		<div class="topformularioRespuestas"><span>&nbsp;</span></div>
		<div class="contenidoformularioRespuestas">
-->		
<div id="page1formularioRespuestas" style="display:none;visibility:hidden;">		
	<html:form action="mantenimientoPreguntas">
	<!-- 
	<html:hidden property="accion" value="anadirRespuestaAPregunta"/>
	-->
	<table class="tablaFormularioRespuestaEnPregunta" style="border: 2px dashed #6cc574;width: 100%;padding: .2em;">
	<tr>
		<td colspan="2"><br /></td>
	</tr>
	
	<tr>
		<th><bean:message key="mantenimiento.respuesta" /></th>
		<td><html:textarea property="respuestaRespEnPregunta" name="preguntaForm" /></td>
	</tr>
	<tr>
		<th><bean:message key="mantenimiento.esCorrecta" /></th>
		<td>
			<html:select property="esCorrectaEnPregunta" name="preguntaForm" size="2">
				<html:option value="true" ><bean:message key="mantenimiento.correcta" /></html:option>
				<html:option value="false" ><bean:message key="mantenimiento.noCorrecta" /></html:option>
			</html:select>
		</td>
	</tr>
	<tr>
		<td colspan="2"><br /></td>
	</tr>
	</table>	
	</html:form>
	<br />
	<html:link href="#" onclick="guardarFormRespuesta();" styleClass="boton derecha guardarRespuesta"><bean:message key="botonGuardarRespuesta" /></html:link>
	<html:link href="#" onclick="ocultarFormRespuesta();"  styleClass="boton derecha cancelarRespuesta"><bean:message key="botonCancelarRespuesta" /></html:link>
	<br />
	<br />
	<br />
	<br />
</div>
	
<!-- 
</div>
		<div class="bottomformularioRespuestas"><span></span></div>
	</div>
-->
<!-- </div>-->

<hr />
<div class="botonera">
<c:if test="${!empty preguntaForm.respuestas and fn:length(preguntaForm.respuestas) > 1 }" >
	<html:submit styleClass="boton guardar"><bean:message key="botonGuardar" /></html:submit>
</c:if>
<html:link action="mantenimientoPreguntas"  styleClass="boton derecha volver"><bean:message key="botonVolver" /></html:link>
<html:link action="acceder"  styleClass="boton derecha menu"><bean:message key="botonMenu" /></html:link>
</div>

</html:form>
</tiles:put>
<tiles:put name="botoneraInicial">
	<html:link action="/salir" module="/inicio" styleClass="boton derecha salir"><bean:message key="botonSalir" /></html:link>
</tiles:put>
</tiles:insert>